const switchTheme = (color: ThemeColor, isDark: boolean) => {
  const boyStyle = document.getElementsByTagName('body')[0].style;
  switch(color) {
    case ThemeColor.Blue:
      boyStyle.setProperty('--app-color-primary5', '#F2F5FC');
      boyStyle.setProperty('--app-color-primary4', '#E9EDFA');
      boyStyle.setProperty('--app-color-primary3', '#BECCFA');
      boyStyle.setProperty('--app-color-primary2', '#96ADFA');
      boyStyle.setProperty('--app-color-primary1', '#7693F5');
      boyStyle.setProperty('--app-color-primary0', '#5E7CE0');
      boyStyle.setProperty('--app-color-primary-1', '#526ECC');
      boyStyle.setProperty('--app-color-primary-2', '#465EB8');
      boyStyle.setProperty('--app-color-primary-3', '#3C51A6');
      boyStyle.setProperty('--app-color-primary-4', '#344899');
      boyStyle.setProperty('--app-color-primary-5', '#2A3C85');
      
      boyStyle.setProperty('--el-color-primary', '#5E7CE0');
      boyStyle.setProperty('--el-color-primary-light-3', '#7693F5');
      boyStyle.setProperty('--el-color-primary-light-5', '#96ADFA');
      boyStyle.setProperty('--el-color-primary-dark-2', '#526ECC');
      break;
    case ThemeColor.Sky:
      boyStyle.setProperty('--app-color-primary5', '#EBF6FF');
      boyStyle.setProperty('--app-color-primary4', '#D1EBFF');
      boyStyle.setProperty('--app-color-primary3', '#B8E0FF');
      boyStyle.setProperty('--app-color-primary2', '#9ED5FF');
      boyStyle.setProperty('--app-color-primary1', '#85CAFF');
      boyStyle.setProperty('--app-color-primary0', '#6CBFFF');
      boyStyle.setProperty('--app-color-primary-1', '#4EA6E6');
      boyStyle.setProperty('--app-color-primary-2', '#3590CC');
      boyStyle.setProperty('--app-color-primary-3', '#207AB3');
      boyStyle.setProperty('--app-color-primary-4', '#0F6999');
      boyStyle.setProperty('--app-color-primary-5', '#035880');
      
      boyStyle.setProperty('--el-color-primary', '#6CBFFF');
      boyStyle.setProperty('--el-color-primary-light-3', '#85CAFF');
      boyStyle.setProperty('--el-color-primary-light-5', '#9ED5FF');
      boyStyle.setProperty('--el-color-primary-dark-2', '#4EA6E6');
      break;
    case ThemeColor.Green:
      boyStyle.setProperty('--app-color-primary5', '#EDFFF9');
      boyStyle.setProperty('--app-color-primary4', '#CFFCEE');
      boyStyle.setProperty('--app-color-primary3', '#ACF2DC');
      boyStyle.setProperty('--app-color-primary2', '#8BE8CB');
      boyStyle.setProperty('--app-color-primary1', '#6DDEBB');
      boyStyle.setProperty('--app-color-primary0', '#50D4AB');
      boyStyle.setProperty('--app-color-primary-1', '#3AC295');
      boyStyle.setProperty('--app-color-primary-2', '#27B080');
      boyStyle.setProperty('--app-color-primary-3', '#169E6C');
      boyStyle.setProperty('--app-color-primary-4', '#088C58');
      boyStyle.setProperty('--app-color-primary-5', '#007A45');
      
      boyStyle.setProperty('--el-color-primary', '#50D4AB');
      boyStyle.setProperty('--el-color-primary-light-3', '#6DDEBB');
      boyStyle.setProperty('--el-color-primary-light-5', '#8BE8CB');
      boyStyle.setProperty('--el-color-primary-dark-2', '#3AC295');
      break;
    case ThemeColor.Lime:
      boyStyle.setProperty('--app-color-primary5', '#F0FFE6');
      boyStyle.setProperty('--app-color-primary4', '#E5FFD4');
      boyStyle.setProperty('--app-color-primary3', '#D8FCC0');
      boyStyle.setProperty('--app-color-primary2', '#C5F2A7');
      boyStyle.setProperty('--app-color-primary1', '#B3E890');
      boyStyle.setProperty('--app-color-primary0', '#A6DD82');
      boyStyle.setProperty('--app-color-primary-1', '#92CC68');
      boyStyle.setProperty('--app-color-primary-2', '#7EBA50');
      boyStyle.setProperty('--app-color-primary-3', '#6CA83B');
      boyStyle.setProperty('--app-color-primary-4', '#5E9629');
      boyStyle.setProperty('--app-color-primary-5', '#518519');
      
      boyStyle.setProperty('--el-color-primary', '#A6DD82');
      boyStyle.setProperty('--el-color-primary-light-3', '#B3E890');
      boyStyle.setProperty('--el-color-primary-light-5', '#C5F2A7');
      boyStyle.setProperty('--el-color-primary-dark-2', '#92CC68');
      break;
    case ThemeColor.Yellow:
      boyStyle.setProperty('--app-color-primary5', '#FFFBF0');
      boyStyle.setProperty('--app-color-primary4', '#FFF1C2');
      boyStyle.setProperty('--app-color-primary3', '#FFE794');
      boyStyle.setProperty('--app-color-primary2', '#FFDC66');
      boyStyle.setProperty('--app-color-primary1', '#FFD138');
      boyStyle.setProperty('--app-color-primary0', '#FAC20A');
      boyStyle.setProperty('--app-color-primary-1', '#E3AA00');
      boyStyle.setProperty('--app-color-primary-2', '#CC9600');
      boyStyle.setProperty('--app-color-primary-3', '#B58200');
      boyStyle.setProperty('--app-color-primary-4', '#9E6F00');
      boyStyle.setProperty('--app-color-primary-5', '#875C00');
      
      boyStyle.setProperty('--el-color-primary', '#FAC20A');
      boyStyle.setProperty('--el-color-primary-light-3', '#FFD138');
      boyStyle.setProperty('--el-color-primary-light-5', '#FFDC66');
      boyStyle.setProperty('--el-color-primary-dark-2', '#E3AA00');
      break;
    case ThemeColor.Orange:
      boyStyle.setProperty('--app-color-primary5', '#FFF3E8');
      boyStyle.setProperty('--app-color-primary4', '#FFE1C7');
      boyStyle.setProperty('--app-color-primary3', '#FFD0A6');
      boyStyle.setProperty('--app-color-primary2', '#FFBF85');
      boyStyle.setProperty('--app-color-primary1', '#FFAD63');
      boyStyle.setProperty('--app-color-primary0', '#FA9841');
      boyStyle.setProperty('--app-color-primary-1', '#E37D29');
      boyStyle.setProperty('--app-color-primary-2', '#CC6414');
      boyStyle.setProperty('--app-color-primary-3', '#B54E04');
      boyStyle.setProperty('--app-color-primary-4', '#9E3F00');
      boyStyle.setProperty('--app-color-primary-5', '#873400');
      
      boyStyle.setProperty('--el-color-primary', '#FA9841');
      boyStyle.setProperty('--el-color-primary-light-3', '#FFAD63');
      boyStyle.setProperty('--el-color-primary-light-5', '#FFBF85');
      boyStyle.setProperty('--el-color-primary-dark-2', '#E37D29');
      break;
    case ThemeColor.Red:
      boyStyle.setProperty('--app-color-primary5', '#FFEEED');
      boyStyle.setProperty('--app-color-primary4', '#FFD5D4');
      boyStyle.setProperty('--app-color-primary3', '#FFBCBA');
      boyStyle.setProperty('--app-color-primary2', '#FFA4A1');
      boyStyle.setProperty('--app-color-primary1', '#FF8B87');
      boyStyle.setProperty('--app-color-primary0', '#F66F6A');
      boyStyle.setProperty('--app-color-primary-1', '#DE504E');
      boyStyle.setProperty('--app-color-primary-2', '#C73636');
      boyStyle.setProperty('--app-color-primary-3', '#B02121');
      boyStyle.setProperty('--app-color-primary-4', '#991111');
      boyStyle.setProperty('--app-color-primary-5', '#820404');
      
      boyStyle.setProperty('--el-color-primary', '#F66F6A');
      boyStyle.setProperty('--el-color-primary-light-3', '#FF8B87');
      boyStyle.setProperty('--el-color-primary-light-5', '#FFA4A1');
      boyStyle.setProperty('--el-color-primary-dark-2', '#DE504E');
      break;
    case ThemeColor.Magente:
      boyStyle.setProperty('--app-color-primary5', '#FFEDF3');
      boyStyle.setProperty('--app-color-primary4', '#FFD4E3');
      boyStyle.setProperty('--app-color-primary3', '#FFBAD2');
      boyStyle.setProperty('--app-color-primary2', '#FFA1C2');
      boyStyle.setProperty('--app-color-primary1', '#FC86B0');
      boyStyle.setProperty('--app-color-primary0', '#F3689A');
      boyStyle.setProperty('--app-color-primary-1', '#DB4D83');
      boyStyle.setProperty('--app-color-primary-2', '#C4356E');
      boyStyle.setProperty('--app-color-primary-3', '#AD215B');
      boyStyle.setProperty('--app-color-primary-4', '#96114D');
      boyStyle.setProperty('--app-color-primary-5', '#800440');
      
      boyStyle.setProperty('--el-color-primary', '#F3689A');
      boyStyle.setProperty('--el-color-primary-light-3', '#FC86B0');
      boyStyle.setProperty('--el-color-primary-light-5', '#FFA1C2');
      boyStyle.setProperty('--el-color-primary-dark-2', '#DB4D83');
      break;
    case ThemeColor.Purple:
      boyStyle.setProperty('--app-color-primary5', '#F5F0FF');
      boyStyle.setProperty('--app-color-primary4', '#E7D9FF');
      boyStyle.setProperty('--app-color-primary3', '#DBC2FF');
      boyStyle.setProperty('--app-color-primary2', '#CAABFF');
      boyStyle.setProperty('--app-color-primary1', '#BC94FF');
      boyStyle.setProperty('--app-color-primary0', '#A97AF8');
      boyStyle.setProperty('--app-color-primary-1', '#8A5CE0');
      boyStyle.setProperty('--app-color-primary-2', '#6F42C9');
      boyStyle.setProperty('--app-color-primary-3', '#572DB3');
      boyStyle.setProperty('--app-color-primary-4', '#3F1A9C');
      boyStyle.setProperty('--app-color-primary-5', '#2A0C85');
      
      boyStyle.setProperty('--el-color-primary', '#A97AF8');
      boyStyle.setProperty('--el-color-primary-light-3', '#BC94FF');
      boyStyle.setProperty('--el-color-primary-light-5', '#CAABFF');
      boyStyle.setProperty('--el-color-primary-dark-2', '#8A5CE0');
      break;
  }
}

export { switchTheme };

export enum ThemeColor {
  Blue,
  Sky,
  Green,
  Lime,
  Yellow,
  Orange,
  Red,
  Magente,
  Purple
}